.bg-white {
  background-color: @component-background !important;
}

html[data-theme='light'] {
  .cw-title{
    margin-left: 20px;
    padding: 0 5px;
    font-weight: 500;
    font-size: 18px;
    margin-top: 6px;
    color: #333;
  }
  .title-bg{
    background: white;
  }
  .change-bg {
    background: #f2f2f2;
  }
  .text-secondary {
    color: rgb(0 0 0 / 45%);
  }

  .ant-alert-success {
    background-color: #f6ffed;
    border: 1px solid #b7eb8f;
  }

  .ant-alert-error {
    background-color: #fff2f0;
    border: 1px solid #ffccc7;
  }

  .ant-alert-warning {
    background-color: #fffbe6;
    border: 1px solid #ffe58f;
  }

  :not(:root):fullscreen::backdrop {
    background-color: @layout-body-background !important;
  }
}

[data-theme='dark'] {
  .cw-title{
    margin-left: 20px;
    padding: 0 5px;
    font-weight: 500;
    font-size: 18px;
    margin-top: 6px;
    color: white;
  }
  .title-bg{
    background: #1f1f1f;
  }
  .change-bg {
    background: #3b3b3b;
  }

  .text-secondary {
    color: #8b949e;
  }

  .ant-card-grid-hoverable:hover {
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 48%), 0 6px 16px 0 rgb(0 0 0 / 32%),
      0 9px 28px 8px rgb(0 0 0 / 20%);
  }

  .ant-card-grid {
    box-shadow: 1px 0 0 0 #434343, 0 1px 0 0 #434343, 1px 1px 0 0 #434343, 1px 0 0 0 #434343 inset,
      0 1px 0 0 #434343 inset;
  }

  .ant-calendar-selected-day .ant-calendar-date {
    color: rgb(0 0 0 / 80%);
  }

  .ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
    color: rgb(0 0 0 / 90%);
  }
}
